<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>第二个</title>
		<link rel="stylesheet" href="./css/support.css">
		<link rel="stylesheet" href="./css/bootstrap.css">
		<script src="./js/jquery-3.4.1.min.js"></script>
		<script src="./js/bootstrap.js"></script>
	</head>
	<body>
		<!--导航开始-->
		<header class="header">
			<div class="header_center">
				<div class="logo">
				</div>
			<div class="nav">
				<ul>
					<li><a href="./apple.html">Mac</a></li>
					<li><a href="#javascript:;">ipad</a></li>
					<li><a href="#javascript:;">ipone</a></li>
					<li><a href="#javascript:;">Watch</a></li>
					<li><a href="#javascript:;">TV</a></li>
					<li><a href="./music.html">Music</a></li>
					<li><a href="#javascript:;">Support</a></li>
				</ul>
			</div>
			<div class="logo1">
				<img src="./img/guowu.svg">
			</div>
			<div class="logo2">
				<img src="./img/wenhao.svg" id="open_navtwo">
					
					<div class="xiala">
						<div class="xia1">
							<ul id="nav_two">
								<li><a href="javascript:;">Your Bag is empty.</a></li>
								<li><a href="javascript:;"><img src="img/bag.svg" alt="" />Bag</a></li>
								<li><a href="javascript:;"><img src="img/favorites.svg" alt="" />Favorite</a></li>
								<li><a href="javascript:;"><img src="img/orders.svg" alt="" />Ordes</a></li>
								<li><a href="javascript:;"><img src="img/account.svg" alt="" />Account</a></li>
								<li><a href="javascript:;"><img src="img/signIn.svg" alt="" />Sign in</a></li>
							</ul>	
						</div>
					</div>
			</div>
			<!--导航结束-->
			<!--js点击式下拉列表-->
			<script type="text/javascript">
				var open_navtwo = document.getElementById("open_navtwo");
				var nav_two = document.getElementById("nav_two");
				open_navtwo.onclick = function(){
					nav_two.style.display = "block";
				}
				nav_two.onclick = function(){
					nav_two.style.display = "none";
				}
			</script>
			<!--结束-->
		</div>
		</header>
		<section class="setion">
			<!--第一个背景图-->
			<div class="setion_nav">
			
			<div class="setion_left">
				<div class="left">
					<h1>Welcome to Apple Support</h1>
				</div>
				<section class="as">
					<div class="see">
							<span class="o">Search Support</span>
					</div>
				</section>
			</div>
			</div>
			<!--结束-->
		</section>
		<!--******12图标******-->
		<div class="container">
			<div class="row text-center">
				<div class="col-md-2">
					<img src="./img/applex.png"/><br />
					<span class="q">
						iphone
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/appletv.png"/><br />
					<span class="q">
						Mac
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/appleipad.png"/><br />
					<span class="q">
						ipad
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/applewatch.png"/><br />
					<span class="q">
						Watch
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/applemusic.png"/><br />
					<span class="q">
						Music
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/appleapp.png"/><br />
					<span class="q">
						Apple ID
					</span>
				</div>
			</div>
			
			
			<div class="row text-center">
				<div class="col-md-2">
					<img src="./img/appleair.png"/><br />
					<span class="q">
						AirPods
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/applestade.png"/><br />
					<span class="q">
						App Store
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/appleiculd.png"/><br />
					<span class="q">
						iCloud
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/applepay.png"/><br />
					<span class="q">
						Apple Pay
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/applediany.png"/><br />
					<span class="q">
						Pro Apps
					</span>
				</div>
				<div class="col-md-2">
					<img src="./img/applemac.png"/><br />
					<span class="q">
						mocOS
					</span>
				</div>
			</div>
		</div>
		<!--******12图标结束******-->
		<!--******下划线******-->
		<div class="bootom">
			
		</div>
		<!--******下划线结束******-->
		<!--******ios13******-->
		<div class="container able">
			<div class="row">
				<div class="col-md-6">
					<h2><strong>Update to iOS 13 and<br /> iPadOS</strong></h2>
					<p>Enjoy all new features on iPhone and take<br /> your multitasking to a whole new level with<br /> gestures just for iPad.</p>
					<a href="javascript:;">Get the latest </a><span class="ab"> > </span>
				</div>
				<div class="col-md-6">
					<img src="./img/pingban iphonex.png"/>
				</div>
			</div>
		</div>
		<!--下划线-->
		<div class="bootom1">
			
		</div>
		<!--*****ios13******-->
		
		<!--******Apple Card开始******-->
		<div class="container stater">
			<div class="row">
				<div class="col-md-6 col-md-pull-6">
					<img src="./img/yinghangka.png"/>
				</div>
				<div class="col-md-6 col-md-push-6">
					<h2><strong>Apple Card</strong></h2>
					<p>Designed for iPhone and a healthier <br />financial life, Apple Card sets a new level of <br /> security and privacy.</p>
					<a href="javascript:;">Learn more about Apple Card</a><span class="r"> > </span>
				</div>
			</div>
		</div>
		<!--******Apple Card结束******-->
		
		<!--******Trade in with Apple开始*******-->
		<div class="pingguo">
			<div class="container true">
			<div class="row">
				<div class="col-md-4">
					<h2>Trade in with Apple</h2>
					<p>Turn an eligible device into credit towards a new<br /> one, or recycle it for free. Apple Trade In is good for<br /> you and the planet.</p>
					<a href="javascript:;">Learn more</a><span class="w"> > </span>
				</div>
			</div>
			</div>	
		</div>
		<!--*******Trade in with Apple结束*******-->
		<!--********三个图**********-->
		<div class="container reader">
			<div class="row">
				<div class="col-md-4">
					<img src="./img/tu1.png"/>
					<h3>Have a question?</h3>
					<p>Ask everyone. Our Apple Support<br /> Community can help you find<br /> answers.</p>
					<a href="javascript:;">Ask the community</a><span class="w"> > </span>
				</div>
				<div class="col-md-4">
					<img src="./img/tu2.png"/>
					<h3>Watch and learn</h3>
					<p>Then play. Discover new ways to<br /> enjoy your devices with our how-to<br /> and help videos.</p>
					<a href="javascript:;">Explore our videos on YouTube</a><span class="w"> > </span>
				</div>
				<div class="col-md-4">
					<img src="./img/tu3.png"/>
					<h3>Get quick tips</h3>
					<p>And the help you need — all in one<br /> place. We're here every day to<br /> answer your questions.</p>
					<a href="javascript:;">Contact us @AppleSupport</a><span class="w"> > </span>
				</div>
			</div>
		</div>
		<!--************三个图结束***********-->
		
		<!--********Learn, create, and be inspired***********-->
		<div class="use">
			<div class="container pink">
			<div class="row js">
				<div class="col-md-5">
					<h2>Learn, create, and be<br /> inspired</h2>
					
					<p>Write your first line of code, capture an artful photo,<br /> or make your own music. Join hands-on sessions<br /> happening every day at every Apple Store.</p>
					<a href="javascript:;">Find Today at Apple sessions near you</a><span class="h"> > </span>
				</div>
			</div>
			</div>	
		</div>
		<!--****************Learn, create, and be inspired结束************-->
		
		<!--**********Tell us how we can help开始***********-->
		<div class="container happy">
			<div class="row">
				<div class="col-md-5">
					<img src="./img/jiehun.png"/>
				</div>
				<div class="col-md-7">
					<h3>Tell us how we can help</h3>
					<p>Answer a few questions and we'll help you find a solution.</p>
					<a href="javascript:;">Get Support</a><span class="u"> > </span>
					
				</div>
			</div>
		</div>
		<div class="v">
						
		</div>
		<!--*****************Tell us how we can help结束*************-->
		
		<!--***********Find out about your coverage开始**************-->
		<div class="container chought">
			<div class="row">
				<div class="col-md-6">
					<h3>Find out about your<br /> coverage</h3>
					<p>
					<a href="javascript:;">AppleCare products</a> give you additional repair<br /> coverage and technical support. If you already<br /> bought an AppleCare product, you can 
					<a href="javascript:;">manage it<br /> online</a>
					</p>
					<a href="javascript:;">Check coverage for your product</a><span> > </span>
				</div>
				<div class="col-md-6">
					<img src="./img/applebiao.png"/>
				</div>
			</div>				
		</div>
		<div class="n">
			
		</div>
		<!--*********Find out about your coverage结束********-->
		
		<!--**************Let's get that fixed开始****************-->
		<div class="container great">
			<div class="row">
				<div class="col-md-6">
					<img src="./img/appleweixiu.png"/>
				</div>
				<div class="col-md-6">
					<h3>Let's get that fixed</h3>
					<p>If your Apple device needs repairs, you can go to an<br /> Apple Store, visit an Authorized Service Provider, or<br /> mail in your device. Whatever you choose, we’ll make<br /	> sure your device works the way it should.</p>
					<a href="javascript:;">Choose a repair option</a><span> > </span>
				</div>
			</div>
		</div>
		<div class="t">
			
		</div>
		<!--**********Let's get that fixed结束**********-->
		
		<!--***********Beware of counterfeit parts开始*********-->
		<div class="hiddle">
			<div class="hiddle_ol">
				<h3>Beware of counterfeit parts</h3>
				<p>
					Some counterfeit and third party power adapters and batteries may not be designed properly and could<br /> result in safety issues. To ensure you receive a genuine Apple battery during a battery replacement, we<br /> recommend visiting an 
					<a href="javascript:;">Apple Store</a>or<a href="javascript:;">Apple Authorized Service Provider</a>
					. If you need a replacement<br /> adapter to charge your Apple device, we recommend getting an Apple power adapter.
				</p>
				<p>
					Also non-genuine replacement displays may have compromised visual quality and may fail to work<br /> correctly. Apple-certified screen repairs are performed by trusted experts who use genuine Apple parts.
				</p>
			</div>
		</div>
		<div class="g">
			
		</div>
		<!--*************Beware of counterfeit parts结束*********-->
		
		<!--*****************Be aware of gift card scams开始**********-->
		<div class="container title">
			<div class="row">
				<div class="col-md-5">
					<img src="./img/APP ITUNES.jpg"/>
				</div>
				<div class="col-md-7">
					<h3>Be aware of gift card scams</h3>
					<a href="javascript:;">Learn more</a><span> > </span>
				</div>
			</div>
		</div>
		<div class="dan">
			
		</div>
		<!--**********************Be aware of gift card scams结束*************-->
		
		<!--********Exchange and Repair Extension Programs开始******-->
		<div class="container middle">
			<div class="row">
				<div class="col-md-12">
					<h2>Exchange and Repair Extension Programs</h2>
					<a href="javascript:;">iPhone 6s and iPhone 6s Plus Service Program for No Power Issues</a><br />
					<a href="javascript:;">Screen Replacement Program for Aluminum Models of Apple Watch Series 2 and Series 3</a><br />
					<a href="javascript:;">15-inch MacBook Pro Battery Recall Program</a><br />
					<a href="javascript:;">Keyboard Service Program for MacBook, MacBook Air, and MacBook Pro</a><br />
					<a href="javascript:;">13-inch MacBook Pro Display Backlight Service Program</a><br />
					<a href="javascript:;">Apple Three-Prong AC Wall Plug Adapter Recall Program</a><br />
					<a href="javascript:;">13-inch MacBook Pro (non Touch Bar) Solid-State Drive Service Program</a><br />
					<a href="javascript:;">iPhone X Display Module Replacement Program for Touch Issues</a><br />
					<a href="javascript:;">iPhone 8 Logic Board Replacement Program</a><br />
					<a href="javascript:;">13-inch MacBook Pro (non Touch Bar) Battery Replacement Program</a><br />
					<a href="javascript:;">iPhone 7 Repair Program for "No Service" Issues</a><br />
					<a href="javascript:;">iPhone 6s Program for Unexpected Shutdown Issues</a><br />
					<a href="javascript:;">Multi-Touch Repair Program for iPhone 6 Plus</a><br />
					<a href="javascript:;">Apple AC Wall Plug Adapter Recall Program</a><br />
					<a href="javascript:;">Beats Pill XL Speaker Recall Program</a><br />
					<a href="javascript:;">All Programs</a><br />
				</div>
			</div>
		</div>
		<!--*****Exchange and Repair Extension Programs结束********-->
		
		<!--*********底部开始*******-->
		<div class="container place">
			<div class="row">
				<div class="col-md-4">
					<p> > Support</p>
				</div>
			</div>
		</div>
		<div class="container jest">
				
			<div class="row">
			
				<div class="col-md-3">
					<h3>Get Support</h3><br />
					<a href="javascript:;">iphone</a><br />
					<a href="javascript:;">ipad</a><br />
					<a href="javascript:;">Watch</a><br />
					<a href="javascript:;">Mac</a><br />
					<a href="javascript:;">Music</a><br />
					<a href="javascript:;">Apple ID</a><br />
					<a href="javascript:;">Apps</a><br />
					<a href="javascript:;">Support Site Map</a><br />
				</div>
				<div class="col-md-3">
					<h3>Service &Repair</h3><br />
					<a href="javascript:;">Apple Repair Options</a><br />
					<a href="javascript:;">Service and Repair Information</a><br />
					<a href="javascript:;">AppleCare Products</a><br />
					<a href="javascript:;">Hardware Warranties</a><br />
					<a href="javascript:;">Software License Agreements</a><br />
					<a href="javascript:;">Complimentary Support</a><br />
				</div>
				<div class="col-md-3">
					<h3>Resources</h3><br />
					<a href="javascript:;">Downloads & Updates</a><br />
					<a href="javascript:;">Manuals</a><br />
					<a href="javascript:;">Tech Specs</a><br />
					<a href="javascript:;">Accessibility</a><br />
					<a href="javascript:;">Education Program</a><br />
					<a href="javascript:;">Business</a><br />
					<a href="javascript:;">Apple Support Videos</a><br />
				</div>
				<div class="col-md-3">
					<h3>Connect</h3><br />
					<a href="javascript:;">Contact Us</a><br />
					<a href="javascript:;">Phone Numbers</a><br />
					<a href="javascript:;">My Support</a><br />
					<a href="javascript:;">Apple Support App</a><br />
					<a href="javascript:;">@Apple Support</a><br />
				</div>
			</div>
		</div>
		<div class="hread">
			
		</div>
		
		
		<footer class="footer">
			<div class="footer_nav">
				Copyright © 2019 Apple Inc. All rights reserved.
			</div>
			<div class="footer_left">
				<a href="javascript:;">Privacy Policy</a>
				<a href="javascript:;">Terms of Use</a>
				<a href="javascript:;">Sales and Refunds</a>
				<a href="javascript:;">Site Map</a>
			</div>
			<div class="footer_right">
				<a href="javascript:;"><img src="./img/us.png"/>United States</a>
			</div>
		</footer>
		<!--*************底部结束********-->
	</body>
</html>
